@charset "utf-8";
body,div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,button,img,span{ color:#666; padding:0px; margin:0px; border:0px;}
body {background:#fff;font-family:Helvetica,Arial,sans-serif;font-size:12px;}   /* 重置body 页面背景为白色 */
fieldset,img{ border:0; vertical-align:middle;}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"microsoft yahei";color:#666;} /* 重置页面文字属性 */
input,select,label,select,option,textarea,button,fieldset,legent,{ font:12px/18px Verdana, Arial, Helvetica, sans-serif;}
ul{ list-style:none;}
input,select,textarea{ margin:0px; padding:0px; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"microsoft yahei";}
/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0px;}
.clearfix{ zoom:1}
/*宽度样式*/
.w1100{ width:90%;max-width:1440px;margin:0 auto;}
/*默认文字连接样式*/
a{ color:#666; text-decoration:none; outline:none; blr:expression(this.onFocus=this.blur()); font-family:"microsoft yahei";}
a:hover{ color:#0d9dd1; text-decoration:underline;}

.top1{ height:30px; background:#eee; border-top:2px solid #0d9dd1; line-height:30px;}
.top1 .dt a{ margin-left:10px;}
.top1 .dt span{ margin-left:10px;}
.top1 .dt a.a1{ background:url(../images/cxt.jpg) left no-repeat; text-indent:53px; color:#da251c; display:block; float:left; margin-right:10px;}
.top .top2{height: 100px;}
.top2 .logo{ width:40%;}
.top2 .logo img{ max-width:100%; height:auto;}
.top2 h1{ font-size:36px; font-weight:bold; color:#0d9dd1; margin-top:52px; margin-left:20px;}
.top2 h2{ margin-left:20px; margin-top:10px;font-weight: normal;
    font-size: 14px;}

.top .tact{width: 70%;}
.top .tact .p1{ font-family:Georgia; font-weight:bold; font-size:20px; color:#da251c; text-align:center; margin-top:35px;}
.top .tact .p2{ font-family:Georgia; font-weight:bold; font-size:20px; color:#da251c; text-align:center; margin-top:10px;}

@media screen and (min-width:1081px) {
    .ly_tel { width: 21%; height: 48px; line-height: 24px; float:right; color: #333; font-size: 14px; margin: 26px 0; padding: 0; float: right;}
	.ly_tel img { display:block; width: 16%; height: auto; overflow: hidden; margin: 0 10px 0 0; padding: 0; float: left;}
	.ly_tel span { color: #ff7200; font-size:24px; font-weight: bold;}
}
@media screen and (max-width:1231px) {
	.ly_tel span {font-size:16px;}
	}
@media screen and (max-width:1080px) {
	.ly_tel { display:none;}
	.search{ float:right;}
}

/*导航*/
.container {width:90%;max-width: 1440px;margin:0 auto}
.ly_nav { width:100%;margin: 0;background-color: #0d9dd1;}
.nav { height: 52px;width:100%;}
.nav_item { float: left; position: relative; margin: 0; width:14.2%;}
.nav_item > a { display: block; width:100%; height: 52px; line-height: 52px; color: #fff; font-size: 15px; text-align: center; -webkit-transition: all .4s; transition: all .4s; text-decoration:none;}
.nav_item > a:hover {color:#fff; background-color:#0685b7;}
.nav_item > a:hover:after{width:50%;}	
.nav_item > a.active:after{width:50%;}
.menu_open { display: none;}
.nav_item_open { width: 100%; height: auto; position: absolute; left: 0; top: 100%;z-index: 10; box-shadow: 0 4px 8px 0 rgba(0, 12, 49, 0.1); background: rgba(0,0,0,.5); border-radius: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(34px); transform: translateY(34px); -webkit-transition: all .4s; transition: all .4s; overflow: hidden; border-top: 4px solid #01557a; margin-top: 0;}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
.subopen { display: none; }
.nav_item2 { width: 100%; line-height: 48px; }
.nav_item2 a { display: block; padding: 0 4%;width:100%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color: #fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: center; }
.nav_item2:hover a { background-color: #01557a; color: #fff; text-decoration:none;}
.hcover { display: none;}

.sousuo{ height:48px; border-bottom:1px solid #0d9dd1; margin-top:20px;}
.sousuo .gjc{ color:#333; font-size:14px; line-height:40px; width:680px; height:40px; overflow:hidden;}
.sousuo .gjc a{ color:#333; margin-left:10px;}
.sousuo .gjc span{ margin-left:10px; color:#bbb;}
.search{ width:26%;position:relative;display: flex;justify-content: center; align-items: center;height: 100%;margin-left: 4%;}
.search form{ width:100%;}
.search .in1{ width:80%; height:40px; float:right;background:#f1f1f1;float:left; border:none; line-height:40px;text-indent:10px; color:#999;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;}
.search .in1:focus{width:80%;}
.search .in2{ width:20%; height:40px; background:#0d9dd1 url(../images/btn.jpg) center center no-repeat; border:none;cursor:pointer;float:left;border-radius:0 4px 4px 0;}

/*内容区*/
.product{ margin-top:30px;}
.product .proL{ width:21%; position:relative;}
.proL .ttl{ width:100%; height:62px; background:#0d9dd1 url(../images/cp_bt.jpg) center 10px no-repeat; font-size:20px; font-weight:bold; color:#fff; text-align:center; line-height:62px; position:relative;border-radius: 4px 4px 0 0;}
.proL .ttl em{font-size:12px;}
@media (min-width:769px){ .proL .ttl img{ display:none;} }
.proL .ttl .zsj{ width:29px; height:29px; background:url(../images/cpzsj.jpg) no-repeat; position:absolute; left:-29px; top:0;}
.proL .ysj{ width:19px; height:19px; background:url(../images/cpysj.jpg) no-repeat; position:absolute; right:-19px; bottom:0;}
.proL .yjk{ border:5px solid #0d9dd1; border-top:none;padding-bottom: 20px;padding-top: 20px;}
.proL ul .yj{ width:85%;  margin-left:10px; border-bottom:1px dashed #ddd; padding:0px 10px 5px 10px}
.proL ul li .yja{ width:100%; font-size:14px; color:#555; background:url(../images/cp_jt3.jpg) right no-repeat; display:block; height:35px; line-height:35px; overflow:hidden}
.proL ul li .yja:hover{ color:#0d9dd1; background:url(../images/cp_jt4.jpg) right no-repeat; text-decoration:none;}
.proL ul li ul li{ width:90%; height:25px; line-height:25px;margin-bottom:2px;overflow:hidden}
.proL ul li ul li a{ font-size:12px; color:#999; display:block; padding-left:14px;position:relative;}
.proL ul li ul li a:after{content:'';display:block;width:5px;height:1px;background:#dedede;position:absolute;top:50%;left:0;}
.proL ul li .dj{ position:absolute; z-index:999; width:40%; height:35px; display:block; margin-left:60%; margin-top:-30px; overflow:hidden; line-height:100px;cursor:pointer;}


.product .proR{ width: 78%;}
.proR .tlt2{ border-bottom:1px solid #f1f1f1;height:42px; /*background:#0d9dd1;*/ line-height:42px; font-size:20px; font-weight:bold; color:#555; text-indent:10px;}
.proR .tlt2 span{ font-size:14px; margin-left:10px; font-family:arial; color:#999;font-weight:normal;}
.proR .tlt2 a{ font-size:14px;font-weight:normal; color:#999; float:right; margin-right:10px;}

.proR .cp{border-top:none;     padding: 0 20px 0;}
.proR .cp h3{ height:30px; line-height:30px; font-size:18px; color:#009240; font-weight:normal; text-align:center;}
.proR ul{ width:100%; overflow:hidden;}
.proR ul li{ width:32%;margin-right:2%; float:left; margin-bottom:35px;}
.proR ul li .c_pro_box{position: relative;}
.proR ul li:nth-child(3n){margin-right: 0;}
.proR ul li .proimg_bk{height:210px;display:flex;justify-content:center;align-items:center;border: 1px solid #f1f1f1;border-bottom:0;    overflow: hidden;}
.proR ul li .proimg_bk img {max-width:98%; max-height:200px;}
.proR ul li p{ height:40px; background:#0d9dd1; text-align:center; line-height:40px; font-size:14px; color:#fff;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;padding: 0 1%;}
.proR ul li p a{color:#fff; text-decoration:none;}
.proR ul li:hover .proimg_bk{ border:1px solid #009240;border-bottom:0;}
.proR ul li:hover p{ background:#009240;}
.proR ul li .hei{ width:100%; height:211px; background:#000; position:absolute; left:0; top:0;filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; display:none;}
.proR ul li .Detail{ position:absolute; left:50%; margin-left:-25%;top:50%;margin-top:-30px; width:50%; height:30px; display:block; background:#009240; font-size:14px; text-align:center; line-height:30px; color:#fff;  display:none;}
.proR ul li:hover .Detail{ display:block;}
.proR ul li:hover .hei{ display:block;}


.about{ width:100%; height:347px; background:url(../images/about_bg.jpg) no-repeat center; margin-top:40px;}
.about .img{ width:453px; height:354px; margin-top:11px;}
.about .text{ width:588px;}
.about h2{ width:220px;  height:30px; background:#006b95; margin:0 auto; font-size:20px; color:#fff; line-height:30px; text-indent:10px; margin-top:20px;}
.about h2 a{ color:#fff;}
.about h2 a:hover{ text-decoration:none;}
.about h2 span{ font-size:14px; font-family:arial; color:#fff; margin-left:10px; font-weight:normal;}
.about .wz{ margin-top:10px; width:588px; height:238px; overflow:hidden;color: #fff; line-height: 25px;font-size: 14px;}
.about .wz p{ color:#fff; font-size:14px; text-indent:2em; line-height:24px;}

.idx_con .bt{padding-top:30px;width:18%; height:68px; margin:0 auto; text-align:center;}
.idx_con .bt div{ font-size:30px; color:#0d9dd1; line-height:40px;font-weight:bold;}
.idx_con .bt div span{color:#009240;}
.idx_con .bt p{ font-size:16px; font-family:arial; color:#999; text-align:center; margin-top:5px;}
.case{ margin-top:20px;}
.case .bt{width:18%; height:68px; margin:0 auto; text-align:center;}
.case .bt div{ font-size:30px; color:#0d9dd1; line-height:40px;font-weight:bold;}
.case .bt div span{color:#009240;}
.case .bt p{ font-size:16px; font-family:arial; color:#999; text-align:center; margin-top:5px;}
.case .dwy{ font-size:18px; color:#009240; text-align:center; margin-top:20px;}
.photo{ position:relative; margin-top:30px; height:193px;}
.photo a.plus{ width:25px; height:30px; display:block; position:absolute; left:-55px; top:67px; background:url(../images/jt_left.jpg) no-repeat; z-index:999;}
.photo a.minus{ width:25px; height:30px; display:block; position:absolute; right:-55px; top:67px; background:url(../images/jt_right.jpg) no-repeat;}
.photo a.plus:hover{ width:25px; height:30px; display:block; position:absolute; left:-55px; top:67px; background:url(../images/jt_left1.jpg) no-repeat; z-index:999;}
.photo a.minus:hover{ width:25px; height:30px; display:block; position:absolute; right:-55px; top:67px; background:url(../images/jt_right1.jpg) no-repeat;}
.photo .box{ position:absolute; left:0px; top:0px; width:1100px; height:193px; overflow:hidden}
.photo .box{ position:absolute; left:0px; top:0px; width:1100px; height:193px; overflow:hidden}
.photo ul.pic{ position:absolute; left:0; top:0; width:200000px; height:193px; overflow:hidden;}
.photo ul li{ float:left; width:280px; height:282px;}
.photo ul li .proimg_bk{ width:252px; height:162px; border:1px solid #ccc; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.photo ul li .proimg_bk .proimg{width:252px;line-height:162px;*line-height:222px;height:162px;*height:222px;text-align:center;position:static;+position:absolute;top:50%}
.photo ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:247px; max-height:157px}
.photo ul li:hover .proimg_bk{ border:1px solid #0d9dd1;}
.photo ul li p{ text-align:center; line-height:30px; font-size:14px; width:252px; display:block}
.photo ul li a:hover{ text-decoration:none;}
.case .more{ width:158px; height:38px; border:1px solid #ccc; display:block; line-height:38px; text-align:center; font-size:14px; margin:20px auto;}
.case .more:hover{ border:1px solid #0d9dd1; text-decoration:none;}



.service{ width:100%; height:320px; background:url(../images/service.jpg) no-repeat center; margin-top:40px;}
.service .tact{ margin-left:87px; margin-top:110px;}
.service .tact h2{ font-size:24px; color:#fff; font-weight:normal; text-align:center; margin-bottom:10px;}
.service .tact p{ font-family:Georgia; font-weight:bold; font-size:30px; color:#fff; line-height:30px;}
.service .fw{ width:634px; margin-top:30px;}
.service .fw h2{ color:#fff; height:30px; border-bottom:1px solid #fff;}
.service .fw h2 span{ font-family:arial; font-size:14px; font-weight:normal; margin-left:10px; color:#fff;}
.service .fw .wz{ font-size:14px; color:#fff; line-height:30px; text-indent:2em; margin-top:10px; width:634px; height:175px; overflow:hidden;}
.service .fw .wz p{ color:#fff;}

.news{ margin-top:40px; margin-bottom:26px;}
.news .bt{width:18%; height:68px; margin:0 auto 20px; text-align:center;}
.news .bt div{ font-size:30px; color:#0d9dd1; line-height:40px;font-weight:bold;}
.news .bt div span{color:#009240;}
.news .bt p{ font-size:16px; font-family:arial; color:#999; text-align:center; margin-top:5px;}
.news .gs{ width:48.1%;;}
.news .gs .tlt{ height:35px; background:#0d9dd1; line-height:35px; font-size:16px; color:#fff; font-weight:normal; text-indent:10px;}
.news .tlt span{ font-size:12px; color:#fff; margin-left:10px;}
.news .tlt a{ font-size:12px; font-family:arial; float:right; margin-right:10px; color:#fff;}
.news dl{ margin-top:15px; width:530px;}
.news dl dt{ width:198px; height:148px; border:1px solid #ccc; float:left}
.news dl dd{ width:310px; float:left; margin-left:20px;}
.news dl dd.dd1{ width:310px; height:20px; overflow:hidden; margin-top:5px;}
.news dl dd.dd1 a{ font-size:14px; font-weight:bold; color:#333;}
.news dl dd.dd1 a:hover{ color:#0d9dd1;}
.news dl dd.dd2{ width:310px; line-height:24px; text-indent:2em; height:66px; overflow:hidden; margin-top:8px;}
.news .gs dl dd.dd3 a{ width:80px; height:30px; background:#0d9dd1; display:block; line-height:30px; text-align:center; color:#fff; margin-top:16px;}
.news .gs dl dd.dd3 a:hover{ text-decoration:none; background:#009240;}
.news ul{ margin-top:12px;}
.news ul li{ width:100%; line-height:38px; background:url(../images/news_tb1.jpg) no-repeat left; text-indent:18px;}
.news ul li a{font-size:14px;display:block;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.news .gs ul li:hover{ background:url(../images/news_bt2.jpg) no-repeat left;}
.news ul li span{ float:right;color:#999;}

.news .hy{ width:48.1%;}
.news .hy .tlt{ height:35px; background:#009240; line-height:35px; font-size:16px; color:#fff; font-weight:normal; text-indent:10px;}
.news .hy dl dd.dd3 a{ width:80px; height:30px; background:#009240; display:block; line-height:30px; text-align:center; color:#fff; margin-top:16px;}
.news .hy dl dd.dd3 a:hover{ text-decoration:none; background:#0d9dd1;}
.news ul li:hover{ background:url(../images/news_bt3.jpg) no-repeat left;}


.hot{ margin-top:50px;}
.bot{ width:100%;background:#1c1c1c;margin-top:10px;padding-bottom:20px;overflow:hidden;}
.friend{ width:90%;max-width:1440px;margin:0 auto 20px;font-size:14px; color:#555;line-height:26px;padding-top:10px;}
.friend a{ color:#555; margin-right:20px;}
.bot .bot_nav{ text-align:center; line-height: 40px;padding-top: 30px;}
.bot .bot_nav a{ font-size:14px; color:#595959; margin-right:1.5%;}
.bot .bot_nav a:hover{text-decoration:none;color:#757474;}
.bot .bot_nav span{ margin-right:1.5%; color:#595959;}
.bot2 .logo{ width:103px; height:100px; margin-top:32px; margin-left:110px;}
.bot2 .tact{margin-top:26px;}
.bot2 .tact p{ line-height:24px; color:#595959;}
.bot2 .tact p a{ color:#696767;}
.bot2 .tact p a:hover{text-decoration:none;color:#757474;}
.bot2 .ewm{ width:140px; height:140px; margin-top:22px; margin-right:20px; float:right}



/*==========内页样式开始========*/
#contant{ width:90%;max-width:1440px; margin:0 auto 40px;}
.list_box { margin-top:30px; overflow:hidden;}
.list_box .box_bt{ width: 100%; overflow:hidden;font-size:12px; border-bottom:1px solid #e1e1e1;padding-bottom: 5px;    margin-bottom: 30px;}
.lift_zuo{ width:21%; float:left;position: relative;}
.n_pro_list .list .hover {background: #ff5400 url(../images/list_li.png) no-repeat 50px -22px !important; display:block; color:#fff;}

.list { width:230px; float:left;}
.list p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-weight:bold; font-size:16px;}
.list p span { font-size:12px; font-weight:normal; color:#fff;}
.list ul { width:230px; height:auto; overflow:hidden;}
.list ul li {line-height:34px; background:#e6e6e6; margin-top:1px;}
.list ul li a {display: block; font-size: 14px; color: #666; text-decoration: none; text-align:center;}
.list ul li a:hover {background:#009240; text-decoration: none; color: #fff;}
.list ul li .xl{ display:none;}
.list ul li:hover .xl{ display:block;}
.list ul li:hover .xl a{ text-align:center; font-size:12px; font-weight:normal; display:block; background:#fff;}
.list ul li:hover .xl a:hover{ background:#eee;}


.list_pro { width:230px; float:left;}
.list_pro p {line-height:70px;height:70px;text-align: center; background-color:#0d9dd1; color:#fff; font-weight:bold; font-size:24px;}
.list_pro p span { font-size:12px; font-weight:normal; color:#fff;}
.list_pro ul { width:230px; height:auto; overflow:hidden;}
.list_pro ul li { margin-top:1px;}
.proL ul li .a1 {display: block; height:38px; line-height:38px; background:#e6e6e6; font-size: 14px; color: #555; text-decoration: none; text-align:center;margin: 20px auto 0;width: 90%;}
.proL ul li .a1:hover {background:#009240; text-decoration: none; color: #fff;}
.list_pro ul li .xl{ display:none;}
.list_pro ul li:hover .xl{ display:block;}
.list_pro ul li:hover .xl a{ text-align:center; font-size:12px; font-weight:normal; display:block; background:#fff;}
.list_pro ul li:hover .xl a:hover{ background:#eee;}
.list_pro ul li ul li{ height:30px; line-height:30px; text-align:center}

.list_new { width:100%; float:left; margin-top:20px;}
.list_new p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-size:16px; font-weight:bold;}
.list_new p span { font-size:12px; font-weight:normal; margin-top:5px; color:#fff;}
.list_new ul { width:99%; overflow:hidden;  border: 1px solid #ccc; line-height:40px; padding-bottom:10px; border-top:none;}
.list_new ul li { width:94%; height:30px; line-height:30px; text-align:left; overflow:hidden; margin:10px auto;border-bottom:1px dashed #dedede;}

.list1 { width:100%; float:left; margin-top:20px;}
.list1>p{font-size:16px;font-weight:bold;}
.list1 p {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1; color:#fff; font-size:14px;}
.list1 p a{color:#fff !important;text-decoration:none;}
.list1>p{font-size:16px;font-weight:bold;}
.list1 p span { font-size:12px; font-weight:normal; margin-top:5px; color:#fff;}
.list1 ul { width:99%; overflow:hidden;  border: 1px solid #e1e1e1; line-height:40px;border-top:0;}
.list1 ul li { width:94%;margin:10px auto;overflow:hidden;border: 1px solid #f1f1f1;}
.list1 ul li a.pro_hover{display:none;}

.list1 ul li .proimg_bk{ width:100%; height:133px;display:flex;justify-content:center;align-items:center;}
.list1 ul li .proimg_bk img {max-width:100%; max-height:128px;}

.list1 ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.list1 ul li a span:hover { text-decoration: none; color: #0d9dd1;}
.left_box{width:220px;float:left;}
.list_left {float: left;width: 220px;margin-right: 30px;}
.list_right {float: right; width: 76.5%;}

/*==========商家信息========*/
.list_right .box_sj{ width:415px; height:200px; border:1px solid #ccc; margin-top:20px; margin-right:14px;}
.list_right .box_sj .box_z{ width:138px; height:194px;}
.list_right .box_sj .box_z img{ border:1px solid #f0f0f0; margin:10px 0 0 10px;}
.list_right .box_sj .box_z .box_q{ height:22px; line-height:22px; width:60px; background-color:#0d9dd1; color:#fff; text-align:center; margin:10px 0 0 42px;}
.list_right .box_sj .box_z .box_q a{ color:#fff; font-size:14px; display:block;}
.list_right .box_sj .box_y{ width:250px; margin-right:10px;}
.list_right .box_sj .box_y h2{ width:250px; height:40px; border-bottom:1px solid #ccc; font-size:12px; line-height:55px; font-weight:normal;}

.list_right .box_sj .box_y p{ font-size:12px; line-height:24px;}
.list_right .box_sj .box_y p.box_h{ height:45px; overflow:hidden;}
.top_title {line-height:39px;height:39px;text-align: center; background-color:#0d9dd1;}
.top_title h2 {font-family: "微软雅黑";font-size: 16px; color: #fff;}
.top_title h2 span{ font-size:12px; font-weight:normal;}
.left_con {line-height: 20px;}
.left_con{ border: 1px solid #ccc;}
.left_con ul li {line-height: 34px;border-bottom: 1px dotted #ccc;}
.left_con ul li a {display: block; font-size: 14px; color: #666; text-decoration: none;text-align: center;}
.left_con ul li a:hover {background:#ccc; text-decoration: none; color: #fff;}

.pro_pic {overflow: hidden; width:864px;}
.pro_pic ul{ margin-left:20px;}
.pro_pic ul li a{ display:block; text-decoration:none;}
.pro_pic ul li{ width:248px; float:left; margin-right:30px; margin-top:30px;}

.pro_pic ul li .proimg_bk{ width:248px; height:155px; border:1px solid #ccc; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
.pro_pic ul li .proimg_bk .proimg{width:248px;/*line-height:155px;*line-height:215px;height:155px;*height:215px;*/ font-size:155px;text-align:center;position:static;+position:absolute;top:50%}
.pro_pic ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:243px; max-height:150px}

.pro_pic ul li p{ width:250px; height:35px; height:35px; line-height:35px; text-align:center; font-size:14px; background:#0d9dd1; color:#fff;}
.pro_pic ul li:hover .proimg_bk{ border:1px solid #009240; border-bottom:none;}
.pro_pic ul li:hover p{ background:#009240; color:#fff; text-decoration:none;}


.pro_pic ul li dt{ width:232px; height:154px;}
.pro_pic ul li dd{ margin-top:10px; font-size:14px; color:#333;}


.moxing {overflow:hidden;width:220px;}
.lianxi_title h2 {color: #fff;padding-left: 20px;font-family: "微软雅黑";font-size: 15px;}
.lianxi_title{line-height: 39px;background-color: #00AA3A;height: 39px;}
.list_lbot{margin:15px 0 35px 0;}
.list_contact{border: 1px solid #ccc;padding:10px;}
.list_contact p{line-height:24px;color:#818181;padding-left:15px;padding-right:15px;}
.pro_details_tongji {text-align: center;width: 100%;border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-bottom: 15px; font-size:12px;color:#999;}
.pro_photo{    margin-top: -10px;}

.pro_photo h1 {text-align: center;line-height: 50px;font-size: 20px;font-weight: bold;}
.pro_photo p{color:#333;}
.n_con{ color:#666; font-size:12px; line-height:24px;}
.n_con p {line-height: 24px;color: #333;margin-bottom: 5px;padding-left:15px;padding-right:15px; color:#666; font-size:14px;}
.goto{ color:#666; font-size:14px; line-height:24px;}
.goto p {line-height: 24px;color: #666;padding-right: 15px;padding-left: 15px;}
.goto a{ color:#666;}
.goto ul li{ padding:20px; border-bottom:1px solid #ccc;}
.goto ul li a{ font-size:14px;}
.goto ul li a.a1{ color:#0d9dd1; font-weight:bold; line-height:24px;}
.goto ul li dt a{ color:#0d9dd1; font-weight:bold; line-height:24px;}
.goto ul li dd a{ line-height:24px; margin-right:30px;}

.info_news span {float: right;color:#999;font-size:12px;padding-left:10px;}
.info_news li {line-height: 50px;background:url(../images/new_li.png) left center no-repeat; border-bottom: 1px dashed #CCC;}

.info_news a {color: #666;font-size:14px;display:block;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.info_news a:hover {color: #0d9dd1;}
.liuyan {border: 1px dashed #9f9f9f;margin-top: 20px;padding-bottom: 20px;padding-top: 20px;}
.page {margin-top: 20px;text-align: center;line-height: 30px;height: 30px;margin-bottom: 30px; font-size:12px;}
.page a {color: #666;}
.page a:hover {color: #0d9dd1;}

.box_right {float: right;width: 850px;}
.box_right .box_bt{ width: 850px; height:39px; font-size:12px; border-bottom:1px solid #e1e1e1;}
.box_right_title{ color: #555; line-height: 38px; font-size:20px; font-weight:bold;}
.box_right_con { font-size:13px;}
.box_right_con p{ line-height:24px; color:#666;}
.box_right_con img,box_right_con table{ max-width:100% !important; height:auto !important;}
.bt_text_y{font-size:12px;line-height:31px; float:right;min-height:30px; margin-top:-36px;max-width:81%;background:url(../images/home.png) left center no-repeat;padding-left:20px;}
.bt_text_y span{ float:right; color:#666;}
.bt_text_y span a { color:#666;}
.bt_text_y span a:hover { color:#0d9dd1;}


.font_red {background: #009240; !important; display:block; color:#fff !important;}



.box_right_con3{padding: 20px 20px 0 0;}
.box_right_con a, .box_right_con3 a { color:#0d9dd1; text-decoration:underline;}

/*article*/
.nei_product_text1 {text-align: center;font-weight: bolder;font-size: 14px;color:#666;}
.nei_product_text2 {text-align:center;border-bottom:1px dashed #dfdfdf;line-height:30px;padding:10px 10px 0; font-size:13px;}
.nei_product_text3 {padding-top:20px 10px;}
.product_page {
	text-align:center;}
.product_page a{ text-decoration: none; color: #666;}
.product_page a:hover{ text-decoration: underline;}
.nei_article_text3 {padding:20px;line-height:26px;text-indent:2em;}
/*==========内页样式结束========*/


/*==========网站地图页========*/

.title{height: 40px; background:#0d9dd1; color:#fff; margin-top:30px;}
.title h2{height: 40px;line-height: 40px;text-indent: 20px;padding-right:20px;font-family: "微软雅黑";font-size: 18px;display: block;float: left; color: #fff;}
.title a{ color:#fff;}
.title span{float: right;height: 40px;line-height: 40px; padding: 0px 15px 0px 20px;color:#fff;}
.title span a:hover{color: #fff; text-decoration:underline;}
.website .ul1{ margin-top:20px;}
.website li{border-bottom: 1px dashed #ededed;line-height: 50px;overflow: hidden;padding: 0 12px;}
.website li.li1 a.a1{ height:100px;}
.website li a.a1{float: left;font-weight: bold;text-indent: 10px;font-size: 14px;color: #0d9dd1; width:80px; height:50px;}
.website li a.a1:hover{color: #0d9dd1;}
.website li ul li{border: medium none;display: inline-block;float: left;}
.website li ul li a{float: left;font-weight: normal;text-indent: 10px;color: #333;font-size: 14px;}
.website li ul li a:hover{ color:#0d9dd1;}



/*产品详情页放大功能start*/
#container { width:1100px; margin:35px auto 10px; height:auto; clear:both; }
.siderightCon { line-height:24px; margin:20px 0 0 0px; text-align:left;}
.nypro{ width:47%; height:310px; float:left;border: 1px solid #e1e1e1;}
#preview{ float:none; margin:0px auto; width:100%;}

.list-h { width:365px !important;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:15px;  }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:10px; margin-right:6px;}
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:10px; margin-left:6px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:91px; height:91px; overflow:hidden}
#spec-list ul li .proimg_bk{ width:86px; height:66px; border:1px solid #ccc; padding:2px; position:relative;display:table-cell;text-align:center;vertical-align:middle;}
#spec-list ul li .proimg_bk .proimg{width:86px;line-height:66px;*line-height:116px;height:66px;*height:116px;font-size:66px;text-align:center;position:static;+position:absolute;top:50%}
#spec-list ul li .proimg_bk img {vertical-align:middle;position:static;+position:relative;top:-50%;left:-50%; max-width:81px; max-height:61px; border:none !important}


/*jqzoom*/
.jqzoom{width:100%; height:310px;display:flex;justify-content:center;align-items:center;}
.jqzoom .proimg img { max-width:96%; max-height:294px}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:350px;height:350px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;} 
.bigimg{width:800px;height:600px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:60px !important;height:60px !important;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:365px; height:91px;  float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

.product_bigimg_text {
	width:49%;
	float:left;
	text-indent:0em;
	height:auto;
	overflow:hidden;
	padding-top:10px;
	line-height:24px;
	margin-left:3.5%;
}
.product_bigimg_text div{line-height:24px;}
.product_bigimg_text h1 {margin-bottom:0;border-bottom: 1px dashed #d7d7d7;color: #333;font-size: 18px;margin-bottom: 20px;padding: 0 0 10px; color:#0d9dd1;font-weight:bold;}
.prod-right-title {line-height: 26px;}
.prod-right-tel {
    height: 46px;
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
    padding-left: 5px;
}
.line { height:1px; border-bottom:1px dashed #d7d7d7; clear:both; margin-bottom:20px;}
.line1{ height:15px;}
/*产品详情页放大功能end*/

.box_right {float: right;width: 850px;}
.box_right_con3{padding: 20px 20px 0 0;}
.box_right_con a, .box_right_con3 a { color:#cc0000; text-decoration:underline;}
/*article*/
.nei_product_text1 {text-align: center;font-weight: bolder;font-size: 14px;color:#666;}
.nei_product_text2 {text-align:center;border-bottom:1px dashed #dfdfdf;line-height:30px;padding:10px 10px 0; font-size:13px;}
.nei_product_text3 {padding-top:20px 10px;}
.product_page {
	text-align:center;}
.product_page a{ text-decoration: none; color: #666;}
.product_page a:hover{ text-decoration: underline;}



/*---------在线咨询-------*/
.txtbox{border:1px solid #ccc;height:30px;line-height:30px;width:250px; padding-left:5px;font-family: "Microsoft YaHei"; color:#999; font-size:12px;}
.txtbox:hover{border:1px solid #999;height:30px;line-height:30px;width:250px;color:#333;}
.txtbox:focus{border:1px solid #666;height:30px;line-height:30px;width:250px;color:#333;}

.txtbox01{border:1px solid #ccc;height:30px;line-height:30px;width:80px; padding-left:5px;font-family: "Microsoft YaHei";color:#999;}
.txtbox01:hover{border:1px solid #999;height:30px;line-height:30px;width:80px;color:#333;}
.txtbox01:focus{border:1px solid #666;height:30px;line-height:30px;width:80px;color:#333;}
.bfont{ font-size:12px; color:#333333;}

.order_nr_box{ width:600px; font-size:12px; height:100px;border:1px solid #ccc;overflow:auto;background:none;padding-left:5px;font-family: "Microsoft YaHei";color:#333;background:#fff;}
.order_nr_box:hover{border:1px solid #999;color:#333; background:#fff;}
.order_nr_box:focus{border:1px solid #666;color:#333;}

#loginbox{width:100%;margin:10px;}
#loginbox tr td{ padding-bottom:10px;}
#loginbox tr td p{ padding-left:20px;}

#btnlogin {width:150px;height:40px; margin:20px 0 0 90px;}
#btnlogin .tj_input{ width:150px; height:38px; background:#ff7300;text-align:center; color:#fff; font-size:16px; border:none; margin:0px;cursor: pointer;font-family: "Microsoft YaHei"; }
#btnlogin .tj_input:hover{background:#ff5400;}

.n_con img{ max-width:840px}
.text1{height: 80px;overflow: hidden;padding: 10px;background:url(../images/bgPro2.jpg) 0 14px no-repeat;text-indent:16px;line-height:24px;}
.pro_con{padding-bottom:20px;}
.pro_con,.pro_con p{font-size:12px;color:#555;line-height:24px;}
.pro_con{ margin-top:30px;}
.pro_con img{display:block;max-width:100%;height:auto !important;}
.pro_con table{max-width:100% !important;height:auto !important;}

.sgt_btn { width:100%; height:50px; overflow:hidden; margin:20px auto 0; padding:0;}
.sgt_btn .sgt_bl, .sgt_btn .sgt_br { display:block; width:48%; height:50px; overflow:hidden; line-height:50px; color:#fff; font-size:16px; text-align:center; border:none; outline:none; margin:0; padding:0;}
.sgt_btn .sgt_bl { background-color:#24bb6c; float:left;}
.sgt_btn .sgt_br { background-color:#ffa800; float:right;}

/*----箭头产品滚动----*/
#skins_pro{ width:100%; margin:0 auto; overflow:hidden; clear:both;padding-top:15px;}
#skins_pro .leftLoop{overflow:hidden;display:block;} 
#skins_pro .leftLoop .hd{ overflow:hidden; height:40px; margin-top: -114px; position: absolute;width:90%;max-width:1440px;} 
#skins_pro .leftLoop .hd .next{ display:block;width:40px;height:40px;float:right;overflow:hidden;cursor:pointer; background:url(../images/jt_right.jpg) right center no-repeat}
#skins_pro .leftLoop .hd .next:hover{background:url(../images/jt_right1.jpg) right center no-repeat;}
#skins_pro .leftLoop .hd .prev{ display:block;width:40px; height:40px;float:left;overflow:hidden;cursor:pointer; background:url(../images/jt_left.jpg) left center no-repeat;}
#skins_pro .leftLoop .hd .prev:hover{ background:url(../images/jt_left1.jpg) left center no-repeat;}
#skins_pro .leftLoop .bd{ margin:10px 35px 10px 35px;height: 124px;overflow:hidden;} 
#skins_pro .leftLoop .bd ul{ overflow:hidden; zoom:1;line-height: 85px;} 
.gggg li{float:left;width:144px;height:124px; margin-left:23px;}
.gggg li .proimg_bk{width:142px;height: 80px;border: 1px solid #ccc;background:#ffffff;}
.gggg li:hover .proimg_bk{border: 1px solid #0d9dd1;}
.gggg li .proimg_bk .proimg{width: 142px;height:80px;display: flex;justify-content: center;align-items: center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;}
.gggg li .proimg_bk .proimg img{max-width: 130px;max-height: 70px;}
.gggg li p{text-align: center; height:40px;overflow:hidden;line-height: 40px;font-size: 14px; width: 144px; display: block;}
/*---箭头产品滚动结束----*/

#qb_collection_img_mask{display:none !important;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:55px;height:40px;padding:10px 0 5px;background-color:#009240;margin-bottom:4px;cursor:pointer;outline:none;text-decoration:none;text-align:center;border-radius:2px;}
.suspension .a.active,
.suspension .a:hover{background:#0d9dd1;}
.suspension .a .i{display:inline-block;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
.suspension .a-service .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a span{display:block;width:100%;text-align:center;color:#fff;font-size:12px;padding-top:4px;}
.suspension .a-service-phone .i{display:inline-block;width:20px;height:20px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{display:inline-block;width:20px;height:20px;background-position: -56px -12px;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:240px;background:#fff;position:absolute;right:67px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.qrcode-img img{width:150px;margin:0 auto;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px;}
.suspension .d-service-item{padding:4px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item p{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service .d-service-item p{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;width:160px;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#999;padding-top:5px;}

.idx_about{background:url(../images/idx_about_bg.jpg) no-repeat top center;padding-top:60px;margin:30px 0 30px;}
.idx_about .idx_about_in{width:90%;max-width:1440px;margin:0 auto;background:#fff;}
.idx_about_top{overflow:hidden;padding: 50px 4.5%;}
.idx_about_top .idx_about_img{float:left;width: 34%;}
.idx_about_top .idx_about_img a{display:block;}
.idx_about_top .idx_about_img a img{max-width:100%;max-height:245px;}
.idx_about_line{float:left;width:8%;height:240px;background:url(../images/idx_about_line.jpg) no-repeat center center;}
.idx_about_wz{float:left;width:58%;}
.idx_about_wz .tlt{font-size:30px;color:#555;font-weight: bold;}
.idx_about_wz .tlt span{font-size:30px;color:#0d9dd1;padding-left:10px;}
.idx_about_wz .about_line{display:block;width:30px;height:3px;background:#333;margin:20px 0;}
.idx_about_con{font-size:14px;line-height:28px;color:#777;height:115px;overflow:hidden;text-indent:28px;}
.idx_about_more{display:block;width:35%;height:46px;border:1px solid #0d9dd1;color:#0d9dd1;font-size:16px;line-height:46px;text-align:center;margin-top:30px;border-radius:60px;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s;text-decoration:none;}
.idx_about_more:hover{background:#0d9dd1;color:#fff;text-decoration:none;}
.idx_about_bottom{overflow:hidden;padding:0 50px;}
.idx_about_bottom li{float:left;height:58px;width:21%;text-align:left; margin:0 2%;position:relative;overflow:hidden;}
.idx_about_bottom li em{display:block;width:55px;height:55px;background:url(../images/ys_icon1.png) no-repeat center center;border:1px solid #dedede;border-radius:50%;position:absolute;left:0;top:0;overflow:hidden;background-size: cover;}
.idx_about_bottom li.ys2 em{background:url(../images/ys_icon2.png) no-repeat center center;background-size: cover;}
.idx_about_bottom li.ys3 em{background:url(../images/ys_icon3.png) no-repeat center center;background-size: cover;}
.idx_about_bottom li.ys4 em{background:url(../images/ys_icon4.png) no-repeat center center;background-size: cover;}
.idx_about_bottom li:hover em{border:1px solid #dedede;border-radius:50%;left: -60px;-webkit-filter: drop-shadow(60px 0 #0d9dd1);filter: drop-shadow(60px 0 #0d9dd1);overflow:hidden;}
.idx_about_bottom li p{font-size:28px;color:#0d9dd1;display:block;text-indent:32%;}
.idx_about_bottom li span{font-size:16px;color:#555;display:block;padding-top:10px;text-indent:35%;}

.conab {line-height: 24px;color: #616161;}
.cintacttit {font-size: 45px;color: #757575;background: url(../images/contactbg.jpg) no-repeat top center;width: 100%;height: 53px;margin: 0 auto;font-weight: bold;font-family: Microsoft YaHei;padding-top: 47px;text-align: center;margin-bottom: 40px;}
.condiv {width: 548px;margin: 0 auto;margin-bottom: 35px;}
.cdiv {line-height: 30px;}

.ye{background: #f1f1f1;line-height:32px;color:#555;margin-top:20px;padding: 5px 20px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.ye a{color:#999;}
.ye a:hover{color:#0d9dd1;}

.proR{}
.down_con ul{overflow:hidden;margin:30px auto 0;border-left:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.down_con ul li{height:36px;overflow:hidden;}
.down_con ul li div{float:left;}
.down_con ul li.two{background:#f1f1f1;}
.down_con ul li p{float:left;font-size:14px;color:#555;height:34px;line-height:34px;width:140px;margin:0;padding:0;text-indent:28px;border:1px solid #f1f1f1;border-bottom:0;border-left:0;}
.down_con ul li span{display:block;float:left;font-size:14px;color:#999;height:34px;line-height:34px;width:282px;margin:0;padding:0;text-indent:30px;border:1px solid #f1f1f1;border-left:0;border-bottom:0;}
.down_con .down_btn a{display:block;width:70px;height:24px;line-height:24px;background:#009240;color:#fff;font-size:12px;text-align:center;text-decoration:none;border-radius:2px;margin-top:5px;margin-left:15px;text-indent:0;}
.down_con p.tlt{padding:0;padding-top:10px;font-weight:bold;border-bottom:1px solid #dedede;padding-bottom:10px;text-indent:15px;    background: #f1f1f1;margin-top:20px;}
.down_con .jieshao{padding:20px 15px 0;}

.pro_con_tlt{margin-bottom:20px;border-bottom:1px solid #dedede;}
.pro_con_tlt span{display:block;width:14%;height:40px;line-height:40px;background:#0d9dd1;color:#fff;font-size:16px;font-weight:bold;text-align:center;}

.fvopvideo{ width:100%; height:500px !important;max-width: 806px;margin: 0 auto;}

/**banner**/
@media screen and (min-width:1081px) {
.apple-banner { width: 100%; height: 450px; overflow: hidden; margin:0 auto;}
.apple-banner .swiper-container { width: 100%; height: 450px;}
.apple-banner .swiper-button-prev,.apple-banner .swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.apple-banner .swiper-button-prev { left:0;}
.apple-banner .swiper-button-next { right:0;}
.apple-banner .swiper-button-prev span,.apple-banner .swiper-button-next span { display:block; width: 64px; height: 64px; position: absolute; right: 0; top: 50%; margin-top:-32px; border-radius: 100%;  opacity: 1; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.apple-banner .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: 1;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:20px !important; background:none;}
.apple-banner  .swiper-pagination-bullets  span.swiper-pagination-bullet { display: inline-block; width: 50px; margin: 0 8px; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner  .swiper-pagination-bullets span { width: 50px; height: 3px; display: block; background: rgba(255,255,255,0.8);}
.apple-banner .swiper-pagination-bullets span.swiper-pagination-bullet{background: rgba(255,255,255,0.8);}
.apple-banner  .swiper-pagination-bullets span.swiper-pagination-bullet-active{ background-color: #ff7200;}
.apple-banner  .swiper-pagination-bullet i{ background-color: #ff7200; height: 3px; transform:scaleX(0); transform-origin: 0; display: block;}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner  .autoplay .replace span{ background-color:#fff;}
.pro_more { width:200px; height: 40px; overflow: hidden; margin: 0 auto; padding: 0;}
.pro_more a { display:block; width:158px; height: 38px; overflow: hidden; line-height: 38px; color: #007deb; font-size: 14px; text-align: center; border: 1px solid #007deb;}
.pro_more a:hover { color:#fff; background-color: #007deb;}
}
@media screen and (max-width:1080px) {
.apple-banner { width: 100%; height: 3rem; overflow: hidden; margin:0 auto 10px;}
.apple-banner .swiper-container { width: 100%; height: 3rem;}
.apple-banner .swiper-button-prev,.apple-banner .swiper-button-next { width: 15%; height: 100%; top:0; background:none;}
.apple-banner .swiper-button-prev { left:0;}	
.apple-banner .swiper-button-next { right:0;}
.apple-banner .swiper-button-prev span,.apple-banner .swiper-button-next span { display:block; width: 0.64rem; height: 0.64rem; position: absolute; left: 3%; top: 50%; margin-top:-0.32rem; border-radius: 100%; background-size: 0.17rem 0.3rem; opacity: 0; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.apple-banner .swiper-button-next span { background-size: 0.17rem 0.3rem; left:auto; right:3%; }
.apple-banner .swiper-button-prev:hover span,.swiper-button-next:hover span{ opacity: 1;}
/*分页器*/
.apple-banner .swiper-pagination{ top:auto; bottom:0.12rem; background:none;}
.apple-banner .swiper-pagination-bullets  span.swiper-pagination-bullet{ display: inline-block; width: 0.5rem; height: 0.05rem; margin: 0 0.08rem; cursor: pointer; background: none; border-radius:0; opacity: 1;}
.apple-banner .swiper-pagination-bullets span { width: 0.5rem; height: 0.05rem; display: block; background: rgba(255,255,255,0.8);}
.apple-banner .swiper-pagination-bullets span.swiper-pagination-bullet{background: rgba(255,255,255,0.8);}
.apple-banner  .swiper-pagination-bullets span.swiper-pagination-bullet-active{ background-color: #ff7200;}
.apple-banner .swiper-pagination-bullet i{ background-color: #ff7200; height: 0.02rem; transform:scaleX(0); transform-origin: 0; display: block;}
.apple-banner .autoplay .firsrCurrent i{ transition:transform 2.9s linear; transform:scaleX(1);}
.apple-banner .autoplay .current i{ transition:transform 4s linear; transform:scaleX(1);}
.apple-banner .autoplay .replace span{ background-color:#fff;}

.w1100,.container,#contant{ width:90%;max-width:1440px; margin:0 auto;}
.proL .yjk{ width:95%;}
.idx_about_line{ background:none;}
.idx_about_more{ margin-top:10px;}
.idx_about_wz .about_line{margin: 10px 0;}
.idx_about_bottom li p{ font-size:20px;}
.pro_more { width:2.4rem; height: 0.72rem; overflow: hidden; margin: 0 auto; padding: 0.24rem 0 0;}
.pro_more a { display:block; width:100%; height: 0.72rem; overflow: hidden; line-height: 0.7rem; color: #007deb; font-size: 0.26rem; text-align: center; border: 1px solid #007deb; box-sizing: border-box;}
.pro_more a:hover { color:#fff; background-color: #007deb;}
}


@media (max-width:880px) {
.top2 .logo{width:48%; min-height: 80px;display: flex;justify-content: center;align-items: center;height: 100%;}
.top .top2{height:80px;}
/**nav**/
.ly_nav{position:static;width:auto;z-index:9999999; background-color:#fff;}
.menu_open { display: block; float: right; width: 40px; height: 40px; padding: 5px 0; border: 1px solid #eaeaea; position: fixed; top: 20px; right: 2%; box-sizing: border-box; z-index: 999999; cursor: pointer}
.menu_open i { height: 2px; width: 50%; background-color: #0d9dd1; display: block; margin: 5px auto;}
.menu_open:active { background-color:#7a9bba; border: 1px solid #7a9bba;}
.menu_open:active i { background-color: #fff;}
.nav { width: 50%; height: 100%; position: fixed; top: 0; left: -50%; z-index: 9999999; overflow: hidden; background-color: #0d9dd1;}
.hcover { display: block; width: 50%; height: 100%; background: rgba(0, 0, 0, .5); position: fixed; right: -50%; top: 0; z-index: 9999999; }
.nav_ul { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 10px; text-align: left; }
.nav_item { float: none; margin: 0; width: 100%; height: 50px; position: relative;}
.nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.nav_item > a { display: block; height:50px;line-height: 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; margin: 0; font-size: 14px; color: #fff; padding: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.nav_item > a:active { background-color: #0065a4;}
.nav_item > a:after{display:none;}
.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 100%; height: 100%; display: block;}
/*.nav_item i:before { content: ''; display: block; height: 100%; border-left: 1px solid rgba(0, 0, 0, .1); position: absolute; top: 0; left: 0; }*/
.nav_item i:after { content: ''; display: block; width: 8px; height: 8px; margin-bottom: -4px; border: 1px solid rgba(255, 255, 255, .5); border-top: 0; border-left: 0; position: absolute; bottom: 50%; right: 22px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.nav_item_open { width: 50%; height: 100%; margin: 0; box-shadow: none; background-color: #006ccc; border-radius: 0; opacity: 1; visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -50%; top: 0; border-top:none;}
.subopen { display: block; }
.subopen a { display: block; overflow: hidden; margin: 0; padding: 15px; white-space: nowrap; text-overflow: ellipsis; font-size:14px; color: rgba(255, 255, 255, .5); background: rgba(0, 0, 0, .1); text-indent: 30px; position: relative;  }
.subopen a:before { content: ''; display: block; width: 8px; height: 8px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255, 255, 255, .5); border-right: 0; border-bottom: 0; }
.nav_item2 { position: relative; }
.nav_item2 a { width:100%;display: block; line-height: 30px;height:50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; overflow: hidden; margin: 0; padding: 10px; white-space: nowrap; text-overflow: ellipsis; color: #fff; font-size: 14px;}
.nav_item2:after { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.nav_item > a:hover, .nav_item > a.navon{background:none;}	

/*搜索*/
.search{display:block;width: 100%;height:auto;position:static;background:none;margin-top:0 !important;margin-bottom:10px;padding: 0 0 0; margin-left:0;}
.h_search{width: 100%;padding:0;}
.h_search .form_text1{width: 70%;height:50px;font-size:14px;background:#f1f1f1;}
.h_search .form_button1{width: 30%;height: 50px;font-size:14px;}

.idx_con .bt,.news .bt,.case .bt{width: 50%;padding-top: 0;}
.idx_con .bt div{font-size:24px;}
.idx_con .bt p{font-size:14px;margin-top:0;}
.product .proL{ width:100%;margin-bottom:20px;}
.proL .yjk{ border:none; width:100%;padding-top: 10px;display:none;}
.idx_about_top{ padding: 20px 4.5% 20px 4.5%}
.idx_about_bottom li em{ height:45px;}
.proL ul .yj{ width:97%; margin-left:0;padding: 0px 1.5% 5px 1.5%;}
.proL ul li ul li{ border:0}
.product .proR{ width:100%;}
.proR ul li{ width:49%;}
.proR ul li:nth-child(3n+3) { margin-right:2%;}
.proR ul li:nth-child(2n) { margin-right:0;}

.idx_about{margin: 10px 0 0;padding-top: 36px;}
.idx_about .idx_about_in{ width:96%;}
.idx_about_top .idx_about_img,.idx_about_top .idx_about_img a img{width:100%;}
.idx_about_line,.idx_about_wz .about_line,.idx_about_bottom,.suspension-box,.bot2 .ewm,.suspension,.list1,.list_new{ display:none;}
.idx_about_wz{width:100%;}
.idx_about_wz .tlt{ text-align:center;margin: 20px 0 10px;font-size:24px;}
.idx_about_wz .tlt span{font-size:24px;}
.idx_about_more{ margin:10px auto;width: 40%;height:38px;line-height:38px;font-size:14px;}
.news .bt div{font-size:24px;}
.news .bt p{font-size:14px;}
.case .bt div{font-size:24px;}
.case .bt p{font-size:14px;}
.news .gs,.news .hy,.lift_zuo,.list_right,.top .tact{width:100%; margin-bottom:20px;}
#skins_pro .leftLoop .hd{width:96%;}
.pf_tel {width: 0.8rem; height: 0.8rem; margin: 0; padding: 0; position: fixed;right: 0.12rem;bottom: 20%; z-index: 100;}
.pf_tel a { display: block; width: 0.4rem; height: 0.4rem;margin: 0; padding: 0.2rem; border-radius: 50%; background-color: #ff7200;
    box-shadow: 0 0 0.16rem rgba(255, 114, 0, 0.4);}
.pf_tel a img {display: block; width: 0.4rem;height: 0.4rem;margin: 0 auto; padding: 0;
}
.proL .ttl img {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0;
    padding: 0.2rem;
    position: absolute;
    top: -3px;
    right: 12px;
}
.list1 ul{width:99.7%;}
.list1 ul li{ height:234px;}
.list1 ul li .proimg_bk{height:196px;}
.list1 ul li .proimg_bk img{ max-height:196px;}
.bot2 .tact{ text-align:center;}
#KFRightScreen,#KFBoxTitle{ display:none !important;}
.proR .cp{ padding:0;}
	}
	
@media screen and (max-width: 48em){
.fvopvideo iframe{width:100% !important; max-width:100%;height:300px !important; margin:0 auto !important;}
}
/*小屏幕*/
@media (min-width:881px){
	.pf_tel,.proL .ttl img{ display:none;}
	}
	
/*pad*/
@media (max-width:768px){
	.fvopvideo{max-width:606px; height:300px; margin:15px auto;}
	}

/*手机*/
@media (max-width:767px){
	.bt_text_y{ max-width:100%; margin-top:0; float:left;    line-height: 24px;background: url(../images/home.png) left 6px no-repeat;}
	.page { font-size: 0;color: #fff;    margin: 0;}
	.page a{display: inline-block;padding: 0 10px;background: #0d9dd1;height: 30px;line-height: 30px;text-align: center;margin-right: 5px;
border-radius: 2px;color: #fff;font-size: 12px;}
.page a:hover{color:#fff;}
    .page input,.box_right_title {display: none;}
	.ly_msg ul li h4{ width:25% !important;}
	.ly_msg ul li .msg_ipt1, .ly_msg ul li .msg_tara,.ly_msg ul li .msg_ipt12{ width:75% !important;}
	.ly_msg ul li span{ display:none;}
	.ly_msg ul li .msg_btn{ width:100% !important;}
	.msg_btn input{width:44.8% !important;margin: 20px 10px 0 10px;}
	.cintacttit{ font-size:40px;background: url(../images/contactbg.jpg) no-repeat top right;}
	.product_bigimg_text{width:100%; margin-left:0;margin-top: 15px;}
	.nypro{ width:99%;}
	.sgt_btn .sgt_bl, .sgt_btn .sgt_br{font-size:15px;}
	.pro_con_tlt{border-bottom:0;}
	.bot .bot_nav{display:none;}
	.bot .bot_nav a{font-size:12px;}
	.proR ul li .proimg_bk{height:186px;}
	.proR ul li .hei{height:187px;}
	.apple-banner{margin-bottom:10px;}
	.proL .ttl{background: #0d9dd1;    height: 48px;line-height:48px;font-size: 18px;}
	.top2 .logo{width:85%;}
	.proL .ttl img{display:block; width: 20px; height: 20px; margin: 0; padding: 0; position: absolute; top: 16px; right: 12px;}
	}


/*详情页内容超出设置*/

@media (min-width:1199px) {
#c_detail_wrap #new-div .zoom-caret{display:none !important;}
}
#c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap video,#c_detail_wrap embed{height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;}

#c_detail_wrap #new-div{overflow-x: hidden;overflow-y: hidden;width: 100%;position:relative;}
#c_detail_wrap #new-div .zoom-caret{display:block;position: absolute;top: 10px;right: 5px;font-size: 50px;color: #a7a5a5;z-index: 2;padding: 0;margin: 0;opacity: .3;}
#c_detail_wrap #new-div table{transform-origin: left top;border-collapse: collapse;max-width: none!important;width: auto;}
#c_detail_wrap #new-div table td{padding: 3px;border: 1px solid #ccc;}

#c_detail_wrap #new-div.on{overflow:scroll; width: 100%;}
#c_detail_wrap #new-div.on .zoom-caret{display:none;}

/*设置滚动条样式*/
#c_detail_wrap #new-div::-webkit-scrollbar {height:2px;}/* 滚动槽 */
#c_detail_wrap #new-div::-webkit-scrollbar-track {background-color:#f0f0f0;border-radius:0px;}/* 滚动条滑块 */
#c_detail_wrap #new-div::-webkit-scrollbar-thumb {background-color:#bfbfbf;}
#c_detail_wrap #new-div::-webkit-scrollbar-thumb:window-inactive {background-color:#3c3c3c;}

@media (max-width:880px) {
#c_detail_wrap img,#c_detail_wrap p,#c_detail_wrap span,#c_detail_wrap div,#c_detail_wrap video,#c_detail_wrap embed{width:auto !important;height:auto !important;max-width:100% !important;max-height: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all;word-break: normal;}
}

/*--首页推荐产品 --*/
.h_pro .col-sm-3{float:left;position:relative;width:31.33333333%;margin-right:3%;}
.h_pro .selected-solution>div{position:relative;width:92%;margin:0 auto;}
.h_pro .selected-solution .swiper-container{width:100%;padding:20px 0 0;}
.h_pro .selected-solution .solution-cardlist{max-width:100%;margin:0 auto 0}
.h_pro .selected-solution .solution-cardlist .col-sm-3{padding:0;top:0;transition:all .15s linear;box-sizing:border-box}
.h_pro .selected-solution .solution-cardlist .col-sm-3:hover{position:relative;top:-10px;transition:all .25s linear}
.h_pro{padding:0 0 30px;}
.h_pro .h_content{background:#fff;}
.h_pro .swiper-slide .pic{display:block;width:100%;height:140px;text-align: center;border:1px solid #eaeaea;box-sizing:border-box}
.h_pro .swiper-slide .pic img{max-width:90%;max-height:90%;vertical-align: middle;}
.h_pro .swiper-slide .pic .iblock {display:inline-block;height:100%;width:0;vertical-align:middle}
.h_pro .swiper-slide .wz a.tlt{display:block;font-size:14px;color:#666;height:50px;line-height:50px;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;text-align: center;}
.h_pro .swiper-slide .wz p{font-size: 12px;line-height: 18px;color: #333;height:35px;overflow:hidden;text-align: center;}
.h_pro .selected-solution .solution-cardlist .col-sm-3:hover .pic{border:1px solid #009240;}
.h_pro .selected-solution .solution-cardlist .col-sm-3:hover .wz a.tlt{color:#009240;font-weight:bold;}
.h_pro .swiper-container-solution .swiper-button-prev{left:-4%;width:30px;height:30px;margin-top:-20px;background-image:url("../images/jt_left.jpg") ;background-size:cover;transition:background-image .15s;cursor: pointer;outline: none;}
.h_pro .swiper-container-solution .swiper-button-next{right:-4%;width:30px;height:30px;margin-top:-20px;background-image:url("../images/jt_right.jpg");background-size:cover;transition:background-image .15s;cursor: pointer;outline: none;}
@media (max-width:1199px) {
    .h_pro{padding: 10px 0 40px;}
    .h_pro .selected-solution>div{width:100%;}
    .h_pro .swiper-slide .pic{height:100px;}
    .h_tlt p{font-size:20px;height:50px;line-height:50px;}
    .h_pro .swiper-slide .wz a.tlt{font-size:14px;height:40px;line-height:40px;}
    .h_pro .h_content{padding: 0px 0;}
     .h_pro .swiper-container-solution .swiper-button-prev{display: none;}
    .h_pro .swiper-container-solution .swiper-button-next{display: none;}
}
@media (max-width:992px) {
    
}

@media (max-width:880px) {
    .h_pro .swiper-slide .pic{height:80px;}
}
@media (max-width:767px) {
    .h_tlt p{font-size:17px;width:30%;}
    .h_pro .selected-solution .swiper-container{padding: 10px 0 0;}
    .h_pro .swiper-container-solution .swiper-button-prev{left:-18px;}
    .h_pro .swiper-container-solution .swiper-button-next{right:-18px;}
    .h_pro .selected-solution>div{width:100%;}
    .h_pro .col-sm-3{width:94%;margin-right:3%;}
    .h_pro .swiper-slide .pic{width:99%;border:1% solid #eaeaea;height:60px;}
    .h_pro .swiper-slide .wz p{display:none;}
    .h_pro{padding: 15px 0 20px;}
    .h_pro .swiper-slide .wz a.tlt{font-size:13px;}
}